<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="layout.xhtml">
        <ui:define name="body">
            <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true" />

            <br/>
            <h3 class="title">Boletim de Cadastro Imobiliário</h3>
            <br />
            <h:form id="realtyForm" enctype="multipart/form-data">
                <p:growl id="messages" showDetail="true" autoUpdate="true"  />

                <div style="float:right; margin-top:-80px; width: 23%;">
                    <div class="grid_5">
                        <p:button styleClass="ui-priority-primary" 
                                  href="editarimovel.xhtml?eImovel=#{managerImovel.visaoImovel.id}" 
                                  value="Editar" icon="ui-icon-pencil" />
                    </div >
                    <div>
                        <p:splitButton value="Imprimir"  icon="ui-icon-disk" 
                                       update="@form"
                                       ajax="false"
                                       onclick="this.form.target='_blank'"
                                       actionListener="#{managerImovel.reportVisaoImovel()}">  
                            <p:menuitem value="Memorial Descritivo"  icon="ui-icon-arrowrefresh-1-w"/>  
                        </p:splitButton> 
  
                    </div>
                </div>

                <div class="row">
                    <p:tabView id="tabView">  
                        <p:tab id="tab" title="Inscrição"> 
                            <h4 class="title">Inscrição Cadastral</h4>
                            <p:panel id="realtyPanel" style="background: none; border: none;" 
                                     styleClass="container_24 clearfix ">

                                <p:outputLabel value="Inscrição Imóvel:" styleClass="grid_4" for="maskinscricao" />
                                <p:inputMask mask="?99.99.999.9999.99" id="maskinscricao" readonly="true"
                                             styleClass="grid_6"  value="#{managerImovel.visaoInscricao}"/>
                                <p:watermark value="DD.SS.QUADR.LOTE.UN" for="maskinscricao" />

                                <p:outputLabel value="Fator Localização:" styleClass="grid_4" for="fInputText" />
                                <p:inputText id="fInputText" styleClass="grid_6" readonly="true"
                                             value="#{managerImovel.visaoImovel.fatorLocalizacao}" />


                            </p:panel>

                            <h4 class="title">Proprietário</h4>
                            <p:panel id="proprietarioPanel" style="background: none; border: none;" 
                                     styleClass="container_24 clearfix ">

                                <p:dataTable id="tableProprietario" var="item" value="#{managerImovel.visaoImovel.proprietarios}" 
                                             styleClass="grid_24" 
                                             emptyMessage="Nenhum registro">  
                                    <f:facet name="header">
                                        Nome do Proprietário ou Detentor
                                    </f:facet>

                                    <p:column headerText="Nome" width="200">  
                                        #{item.tipoDocumento eq 'CPF' ? item.nome : item.nomeFantasia}
                                    </p:column>

                                    <p:column headerText="Documento" width="50">  
                                        #{item.tipoDocumento eq 'CPF' ? item.cpf : item.cnpj}
                                    </p:column> 

                                </p:dataTable>

                            </p:panel>

                            <h4 class="title">Localização Imóvel</h4>
                            <p:panel id="localPanel" style="background: none; border: none;" 
                                     styleClass="container_24 clearfix ">

                                <p:outputLabel value="CEP:" styleClass="grid_3" for="cepInputMask" />
                                <p:inputMask id="cepInputMask" styleClass="grid_4" mask="99.999-999"
                                             value="#{managerImovel.visaoImovel.enderecoImovel.cep}" readonly="true" />
                                <div class="clear-both" />

                                <p:outputLabel value="Logradouro:" styleClass="grid_3" for="patioInputText" />
                                <p:inputText id="patioInputText" styleClass="grid_19" readonly="true"
                                             value="#{managerImovel.visaoImovel.enderecoImovel.logradouro}" />

                                <p:outputLabel value="Bairro:" styleClass="grid_3" for="neighborhoodInputText" />
                                <p:inputText id="neighborhoodInputText" styleClass="grid_19" readonly="true"
                                             value="#{managerImovel.visaoImovel.enderecoImovel.bairro}" />

                                <p:outputLabel value="Número:" styleClass="grid_3" for="numInputText" />
                                <p:inputText id="numInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerImovel.visaoImovel.enderecoImovel.numero}" />

                                <p:outputLabel value="Complemento:" styleClass="grid_3 alpha" for="compInputText" />
                                <p:inputText id="compInputText" styleClass="grid_12" readonly="true"
                                             value="#{managerImovel.visaoImovel.enderecoImovel.compl}" />

                            </p:panel>

                            <h4 class="title">Endereço Correspondência</h4>
                            <p:panel id="endCorrespondenciaPanel" style="background: none; border: none;" 
                                     styleClass="container_24 clearfix ">

                                <p:outputLabel value="CEP:" styleClass="grid_3" for="endcepInputMask" />
                                <p:inputMask id="endcepInputMask" styleClass="grid_4" mask="99.999-999"
                                             value="#{managerImovel.visaoImovel.enderecoCorrespondencia.cep}" readonly="true" />
                                <div class="clear-both" />

                                <p:outputLabel value="Logradouro:" styleClass="grid_3" for="endpatioInputText" />
                                <p:inputText id="endpatioInputText" styleClass="grid_19" readonly="true"
                                             value="#{managerImovel.visaoImovel.enderecoCorrespondencia.logradouro}" />

                                <p:outputLabel value="Bairro:" styleClass="grid_3" for="endneighborhoodInputText" />
                                <p:inputText id="endneighborhoodInputText" styleClass="grid_19" readonly="true"
                                             value="#{managerImovel.visaoImovel.enderecoCorrespondencia.bairro}" />

                                <p:outputLabel value="Número:" styleClass="grid_3" for="endnumInputText" />
                                <p:inputText id="endnumInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerImovel.visaoImovel.enderecoCorrespondencia.numero}" />

                                <p:outputLabel value="Complemento:" styleClass="grid_3 alpha" for="endcompInputText" />
                                <p:inputText id="endcompInputText" styleClass="grid_12" readonly="true"
                                             value="#{managerImovel.visaoImovel.enderecoCorrespondencia.compl}" />

                            </p:panel>

                            <h4 class="title">Posição Geográfica</h4>

                            <p:panel id="geoPanel" style="background: none; border: none;" 
                                     styleClass="container_24 clearfix ">

                                <div class="grid_10">
                                    <p:gmap center="#{managerImovel.center}" zoom="20" type="HYBRID"   
                                            style="width:400px;height:200px" model="#{managerImovel.mapModel}" >   
                                    </p:gmap>

                                </div>
                                <p:dataTable id="tableGeo" var="item" value="#{managerImovel.coordenadas}" 
                                             styleClass="grid_13 right" rowIndexVar="rowid"
                                             rowKey="#{item.id}" rows="5" paginator="true"  
                                             paginatorPosition="bottom" emptyMessage="Nenhum registro">  
                                    <f:facet name="header">
                                        Coordenadas
                                    </f:facet>
                                    <p:column headerText="Ação" width="60">

                                        <p:commandButton  style="width: 20px; height: 20px;" 
                                                          title="Visualizar"
                                                          oncomplete="dlgVisu.show();"
                                                          update=":dlgVisuForm:paneldlg"
                                                          actionListener="#{managerImovel.visualizarCoordenada(item)}"
                                                          icon="ui-icon-zoomin"/>



                                    </p:column>

                                    <p:column headerText="Ponto" width="150">  

                                        <h:outputText value="#{item.ponto}"/>

                                    </p:column>
                                    <p:column headerText="N UTM" width="150">  

                                        <h:outputText value="#{item.convN}"/>

                                    </p:column>
                                    <p:column headerText="E UTM" width="100">  

                                        <h:outputText value="#{item.convE}"/>

                                    </p:column> 

                                </p:dataTable> 

                            </p:panel>

                        </p:tab>

                        <p:tab id="tab1" title="Patrimônio">


                            <br/>
                            <h4 class="title">Informações Sobre o Imóvel</h4>
                            <br/>
                            <div class="clear"/>


                            <h5 class="title">Patrimônio</h5>
<!--                            <p:outputLabel styleClass="grid_3 imovelLabel" value="#{managerImovel.visaoImovel.patrimonio.nome}" />-->
                            <p:outputLabel styleClass="grid_3 imovelLabel" style="#{managerImovel.visaoImovel.patrimonio eq null ? 'color: red;' : '' }"
                                           value="#{managerImovel.visaoImovel.patrimonio eq null ? 
                                                    'Informação não cadastrada' : managerImovel.visaoImovel.patrimonio.nome}" />

                            <div class="clear" />
                            <h:panelGrid styleClass="panelGrid" rendered="#{managerImovel.visaoImovel.patrimonio eq 'UNIAO'}">
                                <h5 class="title">Rip</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" 
                                               style="#{managerImovel.visaoImovel.rip eq null or managerImovel.visaoImovel.rip eq '' ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.rip eq null or managerImovel.visaoImovel.rip eq '' ? 'Informação não cadastrada' : managerImovel.visaoImovel.rip}" />

                                <h5 class="title">Rip: é em nome do proprietário atual ?</h5>
                                <div class="clear"/>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.ripNomeCadastrado eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.ripNomeCadastrado eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.ripNomeCadastrado ? 'Sim' : 'Não'}" />

                                <div class="clear"/>
                                <h5 class="title">O proprietário é falecido ?</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.titularFalecido eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.titularFalecido eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.titularFalecido ? 'Sim' : 'Não'}" />

                                <div class="clear"/>
                                <h5 class="title">Qual o vínculo do atual proprietário com o cadastro na SPU ?</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" 
                                               style="#{managerImovel.visaoImovel.vinculoTitularRip eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.vinculoTitularRip eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.vinculoTitularRip.nome}" />
                                <div class="clear"/>
                            </h:panelGrid>

                            <h5 class="title">Tipo de Documento</h5>
                            <p:outputLabel styleClass="grid_20 imovelLabel" 
                                           style="#{managerImovel.visaoImovel.tipoDocumentoImovel eq null ? 'color: red;' : '' }"
                                           value="#{managerImovel.visaoImovel.tipoDocumentoImovel eq null ? 
                                                    'Informação não cadastrada' : managerImovel.visaoImovel.tipoDocumentoImovel.nome}" />
                            <div class="clear"/>

                            <h5 class="title">Tempo de Moradia na Residência</h5>
                            <p:outputLabel styleClass="grid_20 imovelLabel" 
                                           style="#{managerImovel.visaoImovel.tempoMoradia eq null or managerImovel.visaoImovel.tempoMoradia eq '' ? 'color: red' : ''}"
                                           value="#{managerImovel.visaoImovel.tempoMoradia eq null or managerImovel.visaoImovel.tempoMoradia eq '' ? 
                                                    'Informação não cadastrada' : managerImovel.visaoImovel.tempoMoradia}" />
                            <div class="clear"/>

                            <h5 class="title">Tempo de Moradia no Município</h5>
                            <p:outputLabel styleClass="grid_20 imovelLabel" 
                                           style="#{managerImovel.visaoImovel.tempoMoradiaMunicipio eq null or managerImovel.visaoImovel.tempoMoradiaMunicipio eq '' ? 'color: red' : ''}"
                                           value="#{managerImovel.visaoImovel.tempoMoradiaMunicipio eq null or managerImovel.visaoImovel.tempoMoradiaMunicipio eq '' ? 
                                                    'Informação não cadastrada' : managerImovel.visaoImovel.tempoMoradiaMunicipio}" />
                            <div class="clear"/>

                            <h5 class="title">Composição Familiar</h5>
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.composicaoFamiliar eq null ? 'color: red;' : '' }"
                                           value="#{managerImovel.visaoImovel.composicaoFamiliar eq null ? 
                                                    'Informação não cadastrada' : managerImovel.visaoImovel.composicaoFamiliar.nome}" />
                            <div class="clear"/>

                            <p:panel id="moradoresPanel" styleClass="withoutBorder container_24 clearfix" >
                                <h5 class="title"> Moradores </h5>
                                <p:dataTable id="compFamiliarDataTable" var="item" value="#{managerImovel.visaoImovel.moradores}" 
                                             styleClass="grid_24" rowIndexVar="rowid" rowKey="#{item.id}" rows="5"
                                             paginator="true" paginatorPosition="bottom" emptyMessage="Nenhum registro">  
                                    <f:facet name="header"> Composição Familiar </f:facet>

                                    <p:column headerText="Nome" width="150">  
                                        <h:outputText value="#{item.nome}"/>
                                    </p:column>

                                    <p:column headerText="Parentesco" width="150">  
                                        <h:outputText value="#{item.grauParentesco.nome}"/>
                                    </p:column>

                                    <p:column headerText="CPF" width="100">  
                                        <h:outputText value="#{item.cpf}"/>
                                    </p:column> 

                                    <p:column headerText="RG" width="100">  
                                        <h:outputText value="#{item.rg}"/>
                                    </p:column> 
                                </p:dataTable>
                            </p:panel>
                            <div class="clear" />
                            <br />

                            <h5 class="title">Renda Familiar</h5>
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.rendaFamiliar eq null ? 'color: red;' : '' }"
                                           value="#{managerImovel.visaoImovel.rendaFamiliar eq null ? 
                                                    'Informação não cadastrada' : managerImovel.visaoImovel.rendaFamiliar.nome.concat(' salários mínimos.')}" />
                            <div class="clear"/>

                            <h5 class="title">Paga IPTU ?</h5>
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.pagaIptu eq null ? 'color: red;' : '' }"
                                           value="#{managerImovel.visaoImovel.pagaIptu eq null ? 
                                                    'Informação não cadastrada' : managerImovel.visaoImovel.pagaIptu ? 'Sim' : 'Não'}" />
                            <div class="clear"/>

                            <h5 class="title">Minha casa minha vida ?</h5>
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.minhaCasaMinhaVida eq null ? 'color: red;' : '' }"
                                           value="#{managerImovel.visaoImovel.minhaCasaMinhaVida eq null ? 
                                                    'Informação não cadastrada' : managerImovel.visaoImovel.minhaCasaMinhaVida ? 'Sim' : 'Não'}" />
                            <div class="clear"/>

                            <h5 class="title">Recebe bolsa família?</h5>
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.bolsaFamilia eq null ? 'color: red;' : '' }"
                                           value="#{managerImovel.visaoImovel.bolsaFamilia eq null ? 
                                                    'Informação não cadastrada' : managerImovel.visaoImovel.bolsaFamilia ? 'Sim' : 'Não'}" />

                            <p:panel id="bolsaFamiliaPanelGrid" styleClass="panelGrid withoutBorder" rendered="#{managerImovel.visaoImovel.bolsaFamilia}">
                                <p:outputLabel styleClass="grid_3" value="Valor:" for="valorBolsaFamilia" style="margin-left: 25px; top: 2px" />
                                <p:inputText id="valorBolsaFamilia" styleClass="grid_4" 
                                             readonly="true" value="#{managerImovel.visaoImovel.valorBolsaFamilia}">
                                    <f:convertNumber pattern="R$ #,###,##0.00"/>
                                </p:inputText>
                            </p:panel>
                            <div class="clear" />

                            <h5 class="title">Possui registro de Imóvel ?</h5>
                            <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.regImovel eq null ? 'color: red;' : '' }"
                                           value="#{managerImovel.visaoImovel.regImovel eq null ? 
                                                    'Informação não cadastrada' : managerImovel.visaoImovel.regImovel ? 'Sim' : 'Não'}" />
                            <div class="clear"/>

                        </p:tab>

                        <p:tab id="tab2" title="Dados Gerais">

                            <h4 class="title">Dados Gerais</h4>

                            <p:panel id="infGeralPanel" style="background: none; border: none;" >
                                <h5 class="title">Tipo do Terreno</h5>
                                <p:outputLabel styleClass="grid_3" 
                                               style="#{managerImovel.visaoImovel.typeRealty eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.typeRealty eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.typeRealty.name}" />
                                <div class="clear"/>
                                <h5 class="title">Tipo de Ocupação</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" 
                                               style="#{managerImovel.visaoImovel.ocupacao eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.ocupacao eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.ocupacao.nome}" />
                                <div class="clear"/>

                                <h5 class="title">Topografia do Terreno</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.topografia eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.topografia eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.topografia.nome}" />
                                <div class="clear"/>

                                <h5 class="title">Situação do Terreno</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.situacaoTerreno eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.situacaoTerreno eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.situacaoTerreno.nome}" />
                                <div class="clear"/>

                                <h5 class="title">Tipo de Pedologia</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.pedologia eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.pedologia eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.pedologia.nome}" />
                                <div class="clear"/>

                                <h5 class="title">Utilização do Terreno</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.utilizacao eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.utilizacao eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.utilizacao.nome}" />
                                <div class="clear"/>

                                <h5 class="title">Isento IPTU</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.insetoIptu eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.insetoIptu eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.insetoIptu ? 'Sim' : 'Não'}" />
                                <div class="clear"/>

                                <h5 class="title">Isento TSU</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.insetoTsu eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.insetoTsu eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.insetoTsu ? 'Sim' : 'Não'}" />
                                <div class="clear"/>

                                <h5 class="title">Uso do Imóvel</h5>    
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.usoImovel eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.usoImovel eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.usoImovel.nome}" />
                                <div class="clear"/>
                                <h5 class="title">Observação</h5>    
                                <p:inputTextarea value="#{managerImovel.visaoImovel.obs}"/>
                            </p:panel>
                            <div class="clear"/>

                        </p:tab>

                        <p:tab id="tab3" title="Edificação">

                            <h4 class="title">Informações Sobre a Edificação</h4>

                            <p:panel id="infEdificacaoPanel" style="background: none; border: none;" > 
                                <h5 class="title">Caracterização do Imóvel</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.caracterizacao eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.caracterizacao eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.caracterizacao.nome}" />
                                <div class="clear"/>

                                <h5 class="title">Tipo de Revestimento Externo</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.revExterno eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.revExterno eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.revExterno.nome}" />
                                <div class="clear"/>

                                <h5 class="title">Tipo de Piso</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.piso eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.piso eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.piso.nome}" />
                                <div class="clear"/>

                                <h5 class="title">Tipo de Forro</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.forro eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.forro eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.forro.nome}" />
                                <div class="clear"/>

                                <h5 class="title">Tipo de Cobertura</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.cobertura eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.cobertura eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.cobertura.nome}" />
                                <div class="clear"/>

                                <h5 class="title">Instalação Sanitária</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.instSanitaria eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.instSanitaria eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.instSanitaria.nome}" />
                                <div class="clear"/>

                                <h5 class="title">Posição do Imóvel</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.posicao eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.posicao eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.posicao.nome}" />
                                <div class="clear"/>

                                <h5 class="title">Tipo de Construção</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.tipoConstrucao eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.tipoConstrucao eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.tipoConstrucao.nome}" />
                                <div class="clear"/>

                                <h5 class="title">Estrutura do Imóvel</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.estrutura eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.estrutura eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.estrutura.nome}" />
                                <div class="clear"/>

                                <h5 class="title">Estado de Conservação do Imóvel</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.estadoConservacao eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.estadoConservacao eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.estadoConservacao.nome}" />
                                <div class="clear"/>

                                <h5 class="title">Tipo de Instalações Elétricas</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.instalacoesEletricas eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.instalacoesEletricas eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.instalacoesEletricas.nome}" />
                                <div class="clear"/>

                                <h5 class="title">Fachada</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.fachada eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.fachada eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.fachada.nome}" />
                            </p:panel>
                            <div class="clear"/>

                        </p:tab>
                        <p:tab id="tab4" title="Serviços">

                            <h4 class="title">Serviços Urbanos</h4>

                            <p:panel id="servPanel" style="background: none; border: none;" > 

                                <h5 class="title">Calçamento</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.calcamento eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.calcamento eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.calcamento ? 'Sim' : 'Não'}" />
                                <div class="clear"/>

                                <h5 class="title">Iluminação Pública</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.iluminacaoPublica eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.iluminacaoPublica eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.iluminacaoPublica ? 'Sim' : 'Não'}" />
                                <div class="clear"/>

                                <h5 class="title">Limpeza Pública</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.limpezaPublica eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.limpezaPublica eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.limpezaPublica ? 'Sim' : 'Não'}" />
                                <div class="clear"/>

                                <h5 class="title">Coleta de Lixo</h5>
                                <p:outputLabel styleClass="grid_20 imovelLabel" style="#{managerImovel.visaoImovel.coletaLixo eq null ? 'color: red;' : '' }"
                                               value="#{managerImovel.visaoImovel.coletaLixo eq null ? 
                                                        'Informação não cadastrada' : managerImovel.visaoImovel.coletaLixo ? 'Sim' : 'Não'}" />
                            </p:panel>
                            <div class="clear"/>

                        </p:tab>

                        <p:tab id="tab5" title="Dimensões">
                            <h4 class="title">Dimensões e Confrontações</h4>

                            <p:panel id="dimenPanel" style="background: none; border: none;" 
                                     styleClass="container_24 clearfix"> 
                                <h5 class="title">Frente</h5>
                                <p:outputLabel value="Para:" styleClass="grid_3" for="frenteInputText" />
                                <p:inputText id="frenteInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerImovel.visaoImovel.frente}" />
                                <div class="clear"/>
                                <p:outputLabel value="Limitando:" styleClass="grid_3" for="frenteRuaInputText" />
                                <p:inputText id="frenteRuaInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerImovel.visaoImovel.frenteRua}" />
                                <div class="clear"/>
                                <p:outputLabel value="Medindo:" styleClass="grid_3" for="frenteMedInputText" />
                                <p:inputText id="frenteMedInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerImovel.visaoImovel.frenteMedindo}" />
                                <div class="clear"/>
                                <h5 class="title">Lado Direito</h5>

                                <p:outputLabel value="Para:" styleClass="grid_3" for="direitoParaInputText" />
                                <p:inputText id="direitoParaInputText" styleClass="grid_18" readonly="true"  
                                             value="#{managerImovel.visaoImovel.ladoDireito}" />
                                <div class="clear"/>

                                <p:outputLabel value="Limitando:" styleClass="grid_3" for="direitoRuaInputText" />
                                <p:inputText id="direitoRuaInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerImovel.visaoImovel.ladoDireitoRua}" />
                                <div class="clear"/>

                                <p:outputLabel value="Medindo:" styleClass="grid_3" for="direitoMedInputText" />
                                <p:inputText id="direitoMedInputText" styleClass="grid_18" readonly="true"  
                                             value="#{managerImovel.visaoImovel.ladoDireitoMedindo}" />
                                <div class="clear"/>
                                <h5 class="title">Lado Esquerdo</h5>
                                <p:outputLabel value="Para:" styleClass="grid_3" for="esquerdoInputText" />
                                <p:inputText id="esquerdoInputText" styleClass="grid_18" readonly="true"  
                                             value="#{managerImovel.visaoImovel.ladoEsquerdo}" />
                                <div class="clear"/>

                                <p:outputLabel value="Limitando:" styleClass="grid_3" for="esquerdoRuaInputText" />
                                <p:inputText id="esquerdoRuaInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerImovel.visaoImovel.ladoEsquerdoRua}" />
                                <div class="clear"/>

                                <p:outputLabel value="Medindo:" styleClass="grid_3" for="esquerdoMedInputText" />
                                <p:inputText id="esquerdoMedInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerImovel.visaoImovel.ladoEsquerdoMedindo}" />
                                <div class="clear"/>

                                <h5 class="title">Fundo</h5>


                                <p:outputLabel value="Para:" styleClass="grid_3" for="fundoInputText" />
                                <p:inputText id="fundoInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerImovel.visaoImovel.fundo}" />
                                <div class="clear"/>
                                <p:outputLabel value="Limitando:" styleClass="grid_3" for="fundoRuaInputText" />
                                <p:inputText id="fundoRuaInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerImovel.visaoImovel.fundoRua}" />
                                <div class="clear"/>
                                <p:outputLabel value="Medindo:" styleClass="grid_3" for="fundoMedInputText" />
                                <p:inputText id="fundoMedInputText" styleClass="grid_18" readonly="true" 
                                             value="#{managerImovel.visaoImovel.fundoMedindo}" />


                                <div class="clear"/>
                                <br/>
                                <h5 class="title">Dimensões Terreno</h5>
                                <br/>

                                <p:outputLabel value="Área Terreno:" styleClass="grid_3" for="areaInputText" />
                                <p:inputText id="areaInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerImovel.visaoImovel.dimensoes.areaTerreno}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                    <f:convertNumber pattern="#,###,##0.00"/>
                                </p:inputText>
                                <p:outputLabel value="Área Unidade:" styleClass="grid_3" for="areaUInputText" />
                                <p:inputText id="areaUInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerImovel.visaoImovel.dimensoes.areaUnidade}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                    <f:convertNumber pattern="#,###,##0.00"/>
                                </p:inputText>

                                <div class="clear"/>

                                <p:outputLabel value="Área Total:" styleClass="grid_3" for="areaTInputText" />
                                <p:inputText id="areaTInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerImovel.visaoImovel.dimensoes.areaTotalEdificacao}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                    <f:convertNumber pattern="#,###,##0.00"/>
                                </p:inputText>
                                <p:outputLabel value="Perímetro:" styleClass="grid_3" for="perimetroInputText" />
                                <p:inputText id="perimetroInputText" styleClass="grid_4"  readonly="true"
                                             value="#{managerEditImovel.editImovel.dimensoes.perimetro}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                    <f:convertNumber pattern="#,###,##0.00"/>
                                </p:inputText>

                                <div class="clear"/>

                                <p:outputLabel value="N˚Pavimento:" styleClass="grid_3" for="areaPInputText" />
                                <p:inputText id="areaPInputText" styleClass="grid_2" readonly="true"
                                             value="#{managerImovel.visaoImovel.dimensoes.numPavimentacaoEdific}"/>
                                <div class="clear"/>
                                <h5 class="title">Testada</h5>
                                <br/>
                                <p:outputLabel value="Testada do Imóvel:" style="width: 20%" styleClass="grid_3" for="areaTiInputText" />
                                <p:inputText id="areaTiInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerImovel.visaoImovel.dimensoes.areaTotalEdificacao}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                    <f:convertNumber pattern="#,###,##0.00"/>
                                </p:inputText>
                                <p:outputLabel value="Servida Conservação Calçamento:" style="width: 30%" styleClass="grid_3" for="areaTSInputText" />
                                <p:inputText id="areaTSInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerImovel.visaoImovel.dimensoes.areaTotalEdificacao}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                    <f:convertNumber pattern="#,###,##0.00"/>
                                </p:inputText>
                                <div class="clear"/>
                                <p:outputLabel value="Servida Iluminação Pública:" style="width: 20%" styleClass="grid_3" for="areaTIInputText" />
                                <p:inputText id="areaTIInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerImovel.visaoImovel.dimensoes.testadaServidaPorIluminacaoPublica}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                    <f:convertNumber pattern="#,###,##0.00"/>

                                </p:inputText>

                                <p:outputLabel value="Servida Limpeza Pública:" style="width: 30%" styleClass="grid_3" for="areaTLInputText" />
                                <p:inputText id="areaTLInputText" styleClass="grid_4" readonly="true"
                                             value="#{managerImovel.visaoImovel.dimensoes.testadaServidaLimpezaPublica}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                    <f:convertNumber pattern="#,###,##0.00"/>

                                </p:inputText>


                            </p:panel>

                        </p:tab>
                        <p:tab id="tab6" title="Documentos">
                            <h4 class="title">Documentos</h4>

                            <p:panel id="documentoPanel" style="background: none; border: none;" styleClass="container_24 clearfix">
                                <h5 class="title">Anexos</h5>
                                <br/>
                                <ui:repeat  value="#{managerImovel.annexs}" var="a">
<p:panel styleClass="grid_4 withoutBorder" >
                                    <h:outputLink  
                                        value="#{a.type ne 'application/pdf' ? 'viewImage.xhtml':'show'}" title="#{a.description}"  target="_blank" >

                                        <div style="width: 100%;" class="grid_4">

                                            <p:graphicImage styleClass="image grid_3" rendered="#{a.type ne 'application/pdf'}"
                                                            style="margin-left:1%; width: 100px;"
                                                            url="show/?annex=#{a.id}" />

                                            <p:outputLabel  value="#{a.description.length() ge 11 ? a.description.substring(0, 11).concat('...') : 
                                                                     a.description.replace('.png','').replace(' ','_')}" 
                                                            style="margin-left:1%; width: 100px;" rendered="#{a.type ne 'application/pdf'}"/>

                                            <p:graphicImage styleClass="image grid_3" rendered="#{a.type eq 'application/pdf'}"
                                                            style="margin-left:13%; width: 71px;" 
                                                            url="media/images/pdf.jpeg" />

                                            <p:outputLabel  value="#{a.description.length() ge 10 ? a.description.substring(0, 10).concat('...') : 
                                                                     a.description.replace('.pdf','').replace(' ','_')}" 
                                                            style="margin-left:1%; width: 100px;" rendered="#{a.type eq 'application/pdf'}"/>
                                        </div>
                                        <f:param name="annex" value="#{a.id}"/>
                                    </h:outputLink>
</p:panel>
                                </ui:repeat>
                            </p:panel>

                        </p:tab>
                        <!--                        <p:tab id="tab7" title="Taxa">
                                                    <h4 class="title">Taxa</h4>
                        
                                                    <p:panel id="taxaPanel" style="background: none; border: none;" 
                                                             styleClass="container_24 clearfix">
                                                        <h5 class="title">informações sobre o pagamento</h5>
                        
                                                        <p:outputLabel value="Área Terreno" styleClass="grid_3" />
                                                        <p:inputText  styleClass="grid_4" readonly="true"
                                                                      value="{managerImovel.visaoImovel.dimensoes.areaTerreno}"
                                                                      onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                                            <f:convertNumber pattern="#,###,##0.00"/>
                                                        </p:inputText>
                                                        <div class="clear"/>
                                                        <p:outputLabel value="Área Unidade" styleClass="grid_3" />
                                                        <p:inputText  styleClass="grid_4" readonly="true"
                                                                      value="{managerImovel.visaoImovel.dimensoes.areaUnidade}"
                                                                      onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                                            <f:convertNumber pattern="#,###,##0.00"/>
                                                        </p:inputText>
                                                        <div class="clear"/>
                                                        <p:outputLabel value="Área Total" styleClass="grid_3"  />
                                                        <p:inputText  styleClass="grid_4" readonly="true"
                                                                      value="{managerImovel.visaoImovel.dimensoes.areaTotalEdificacao}"
                                                                      onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ','} );">
                                                            <f:convertNumber pattern="#,###,##0.00"/>
                                                        </p:inputText>
                                                        <div class="clear"/>
                                                        <p:outputLabel value="N˚Pavimento" styleClass="grid_3"  />
                                                        <p:inputText  styleClass="grid_2" readonly="true"
                                                                      value="{managerImovel.visaoImovel.dimensoes.numPavimentacaoEdific}"/>
                                                        <div class="clear"/>
                                                        <br/>
                                                    </p:panel>
                                                    <div class="buttonAction">
                                                        <p:commandButton value="Imprimir" icon="ui-icon-print"
                                                                         update="@form"
                                                                         ajax="false"
                                                                         onclick="this.form.target='_blank'"
                                                                         actionListener="{managerImovel.genereatorBillet()}"
                                                                         styleClass="ui-priority-primary" />
                        
                        
                                                    </div >
                        
                                                </p:tab>-->
                        <p:tab id="tab7" title="Croqui">

                            <p:panel id="docPanel" style="background: none; border: none;" 
                                     styleClass="container_24 clearfix ">

                                <br/>
                                <h5 class="title">Annexo</h5>
                                <ui:repeat id="tabAnnex" value="#{managerImovel.visaoImovel.annexCroquis}" var="a">
                                    <p:panel styleClass="grid_4 withoutBorder" >
                                        <h:outputLink  
                                            value="#{a.type ne 'application/pdf' ? 'viewImage.xhtml':'show'}" title="#{a.description}"  target="_blank" >

                                            <div style="width: 100%;" class="grid_4">

                                                <p:graphicImage styleClass="image grid_3" rendered="#{a.type ne 'application/pdf'}"
                                                                style="margin-left:1%; width: 100px;"
                                                                url="show/?annex=#{a.id}" />

                                                <p:outputLabel  value="#{a.description.length() ge 13 ? a.description.substring(0, 13).concat('...') : 
                                                                        a.description.replace('.png','').replace(' ','_')}" 
                                                                style="margin-left:1%; width: 100px;" rendered="#{a.type ne 'application/pdf'}"/>

                                                <p:graphicImage styleClass="image grid_3" rendered="#{a.type eq 'application/pdf'}"
                                                                style="margin-left:13%; width: 71px;" 
                                                                url="assets/images/pdf.jpeg" />

                                                <p:outputLabel  value="#{a.description.length() ge 10 ? a.description.substring(0, 10).concat('...') : 
                                                                        a.description.replace('.pdf','').replace(' ','_')}" 
                                                                style="margin-left:1%; width: 100px;" rendered="#{a.type eq 'application/pdf'}"/>
                                            </div>
                                            <f:param name="annex" value="#{a.id}"/>
                                        </h:outputLink>
                                    </p:panel>
                                </ui:repeat>


                            </p:panel>

                        </p:tab>
                        <p:tab id="tab9" title="Averbações">
                            <p:panel id="regPanel" style="background: none; border: none;" 
                                     styleClass="container_24 clearfix ">

                                <p:dataTable id="tableRegistration" var="r" value="#{managerImovel.getAverbacoes(managerImovel.visaoImovel)}" 
                                             styleClass="grid_24" rowIndexVar="rowid"
                                             rowKey="#{r.id}" rows="5" paginator="true"  
                                             paginatorPosition="bottom" emptyMessage="Nenhum registro">  
                                    <f:facet name="header">
                                        Averbações
                                    </f:facet>
                                    <p:column  headerText="Imprimir">
                                        <p:commandButton title="Imprimir"
                                                         ajax="false" update="@form"
                                                         onclick="this.form.target='_blank'"
                                                         actionListener="#{managerImovel.printRegistration(r)}"
                                                         icon="ui-icon-print" />

                                    </p:column>

                                    <p:column headerText="Tipo">  
                                        <p:outputLabel value="#{r.tipoAverbacao.nome}" />
                                    </p:column> 
                                    <p:column headerText="Data">  
                                        <h:outputText value="#{r.dataAverbacao}">
                                            <f:convertDateTime  pattern="dd/MM/YYYY HH:mm:ss"/>
                                        </h:outputText>
                                    </p:column> 
                                </p:dataTable>
                            </p:panel>

                        </p:tab>



                    </p:tabView>
                    <div class="footer">
                        <h6>
                            <p:outputLabel value="Criado por: #{managerImovel.visaoImovel.groupCreate}
                                           em "  rendered="#{managerImovel.visaoImovel.groupCreate ne null}"/>
                            <h:outputLabel value="#{managerImovel.visaoImovel.createAt}" 
                                           rendered="#{managerImovel.visaoImovel.groupCreate ne null}">
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </h:outputLabel>
                        </h6>
                    </div>
                    <div class="clear"/>

                    <div class="buttonAction">
                        <p:button href="pesquisarimovel.xhtml" value="Voltar"  icon="ui-icon-arrowreturnthick-1-w" />
                    </div >
                </div>

            </h:form>

            <h:form id="dlgVisuForm">
                <p:panel id="paneldlg" style="background: none; border: none;" 
                         styleClass="container_24 clearfix ">
                    <p:dialog id="iddlg" header="Visualizar Dados" widgetVar="dlgVisu" modal="false"
                              showEffect="fade" hideEffect="fade" width="600" resizable="false" height="20">  
                        <h:outputText value="Visualizar Dados Geográficos" /> <br/> 
                        <f:facet name="footer">

                            <p:outputLabel value="Ponto " styleClass="grid_3" for="pontoText" />
                            <p:inputText id="pontoText" styleClass="grid_19"
                                         value="#{managerImovel.visuCoordenada.ponto}" />
                            <div class="clear"/>
                            <p:outputLabel value="N " styleClass="grid_3" for="norteText" />
                            <p:inputText id="norteText" styleClass="grid_8"
                                         value="#{managerImovel.visuCoordenada.convN}" />
                            <p:outputLabel value="E " styleClass="grid_3" for="lesteText" />
                            <p:inputText id="lesteText" styleClass="grid_8" style="width: 30%"
                                         value="#{managerImovel.visuCoordenada.convE}" />
                            <div class="clear"/>
                            <p:outputLabel value="Distancia " styleClass="grid_3" for="disText" />
                            <p:inputText id="disText" styleClass="grid_19"
                                         value="#{managerImovel.visuCoordenada.distancia}" />
                            <p:outputLabel value="Limite " styleClass="grid_3" for="limText" />
                            <p:inputTextarea id="limText"  styleClass="grid_19"
                                             value="#{managerImovel.visuCoordenada.limite}" />
                            <br/>


                            <center>

                                <p:commandButton value="Voltar" process="@this" onclick="dlgVisu.hide()" icon="ui-icon-close" />
                            </center>

                        </f:facet>
                    </p:dialog>   
                </p:panel>
            </h:form>

        </ui:define>
    </ui:composition>

</html>
